/* 
    Document   : screen
    Created on : 06-jun-2011, 19:52:01
    Author     : Miguel
    Description:
        Plantilla para proyecto de Red Social
*/

/*    
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin:0;
    padding:0;
    font-family:verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
    background-color:#00BDD6;
    /*background-image: url(../images/status.png);*/
    text-align:left;
}

#top{
    width: 100%;
    height: 25px;
    background:#2a3f56;
    border-style: solid;
    border-bottom: 2px #86B1B1;
    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    color: #ffffff;
}

#login{
    float: right;
    padding: 2px;
    margin: 2px 8px;
    font-family:  sans-serif;
    font-size: 12px;
    font-weight:  600 ;
}

#container
{
    margin: 0 auto;
    width: 900px;
    background: #fff;
}

#header
{
    background: #b0dc63;
    padding: 25px;
}

#header h1 { margin: 0; 
             font-size: 36px;
}

#header h2 { margin: 0; 
             font-size: 18px;
}

#header img{
    margin: 0;
    padding:0;
}

#logo{
    float: left;
    width: 120px;
}

#titulo{
    float: left;
    width: 500px;
}

#aclarador{
    clear: both;

}

#navigation
{
    float: right;
    width: 900px;
    height: 25px;
    background: #FF6652 url(../img/fondo_nav_bar.png) repeat-x 100% 0;
}

#navigation ul
{
    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
}

#navigation li a
{
    display: block;
    float: right;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
}

#navigation li a:hover {
    background-color: #D60052;
}

#content-container
{
    float: left;
    width: 900px;
    background: #fff url(../img/shadow.png) repeat-x 100% 0;
}

#content
{
    clear: left;
    float: left;
    width: 660px;
    padding: 20px 0;
    margin: 0 0 0 30px;
    display: inline;
}

#content h2 { margin: 0; }

#aside
{
    float: right;
    width: 140px;
    padding: 20px 0;
    margin: 0 20px 0 0;
    display: inline;
}

#aside h3 { margin: 0; }

#footer
{
    clear: both;
    background: #b0dc63;
    text-align: right;
    padding: 20px;
    height: 1%;
}

#container #content-container #footer {
    color: #FFF;
}

#container #header h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28px;
    text-transform: capitalize;
    color: #F9F9F9;
}
